<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">        
        <h:form id="frmPropostaProcuracao">
            <p:growl id="messages" life="5000" />

            <p:panel id="panel" header="Bem Vindo ao Cadastro de Modelo de Procuração">

                <p:dataTable id="tabPropostaProcuracao" widgetVar="wtabPropostaProcuracao" var="propostaProcuracao" value="#{propostaProcuracaoBean.lazyModel}" paginator="true" rows="15" 
                             paginatorPosition="top" emptyMessage="Nenhum Registro Retornado ..." lazy="true" filterEvent="enter">

                    <p:column headerText="Descrição" sortBy="#{propostaProcuracao.dscProcuracao}" filterBy="#{propostaProcuracao.dscProcuracao}" style="text-align: left">
                        <h:outputText value="#{propostaProcuracao.dscProcuracao}" />
                    </p:column>

                    <p:column style="width: 100px;">
                        <h:panelGrid columns="4" styleClass="actions" cellpadding="0">
                            <p:commandButton id="selectButton" update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages" 
                                             icon="ui-icon-search" title="Visualizar // Alterar Modelo de Procuração" oncomplete="PF('propostaProcuracaoDialog').show()">
                                <f:setPropertyActionListener value="#{propostaProcuracao}" target="#{propostaProcuracaoBean.selectedPropostaProcuracao}" />
                                <f:setPropertyActionListener value="#{false}" target="#{propostaProcuracaoBean.altera}" />
                            </p:commandButton>

                            <p:commandButton id="excluirButton" update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages" 
                                             icon="ui-icon-trash" title="Excluir Modelo de Procuração" oncomplete="PF('confirmation').show()">
                                <f:setPropertyActionListener value="#{propostaProcuracao}" target="#{propostaProcuracaoBean.selectedPropostaProcuracao}" />
                            </p:commandButton>
                        </h:panelGrid>
                    </p:column>

                    <f:facet name="footer">
                        <div style="text-align: left;">
                            <p:commandButton id="incluirButton" actionListener="#{propostaProcuracaoBean.preparaInserir}" 
                                             update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages"  value="Novo Modelo de Procuração."
                                             icon="ui-icon-pencil" title="Cadastrar Novo Procuracao de Procuracao" oncomplete="PF('propostaProcuracaoDialog').show()" />
                        </div>
                    </f:facet>
                </p:dataTable>

                <p:dialog id="dialogPropostaProcuracao" header="Detalhes Modelo de Procuração" widgetVar="propostaProcuracaoDialog" resizable="true" dynamic="true"
                          width="1300" showEffect="explode" hideEffect="explode" style="text-align: left;" position="top">
                    <p:panel id="panelPropostaProcuracao">
                        <p:panelGrid id="displayPropostaProcuracao" columns="2">
                            <h:outputText value="Descrição:" />
                            <p:inputText id="inDescricao" value="#{propostaProcuracaoBean.selectedPropostaProcuracao.dscProcuracao}" maxlength="50" style="width:500px; font-weight:bold; " />

                            <h:outputText value="Macros:" />
                            <h:panelGrid columns="2" cellpadding="4">
                                <h:outputText value="Nome do Cliente:" />
                                <h:outputText value="#NOME_CLIENTE#" style="font-weight:bold;" />

                                <h:outputText value="Endereço do Cliente:" />
                                <h:outputText value="#ENDERECO_CLIENTE#" style="font-weight:bold;" />

                                <h:outputText value="Nome do Empreendimento:" />
                                <h:outputText value="#NOME_EMPREENDIMENTO#" style="font-weight:bold;" />

                                <h:outputText value="Endereço do Empreendimento:" />
                                <h:outputText value="#ENDERECO_EMPREENDIMENTO#" style="font-weight:bold;" />
                            </h:panelGrid>

                            <h:outputText value="Endereço dos Logos:" style="width: 150px;"/>
                            <h:panelGrid columns="3" cellpadding="4">
                                <h:outputText value="Triunfo:" />
                                <h:outputText value="#{request.contextPath}/logo/patricia_triunfo.png" style="font-weight:bold;" />
                                <p:graphicImage value="/logo/patricia_triunfo_modelo.png" />

                                <h:outputText value="Rodapé:" />
                                <h:outputText value="#{request.contextPath}/logo/patricia_rodape.png" style="font-weight:bold;" />
                                <p:graphicImage value="/logo/patricia_rodape_modelo.png" />
                            </h:panelGrid>

                            <h:outputText value="Corpo do Procuracao:" />
                            <p:editor value="#{propostaProcuracaoBean.selectedPropostaProcuracao.procuracao}" width="1100" height="400" />

                            <f:facet name="footer">
                                <p:commandButton value="Inserir" update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages" rendered="#{propostaProcuracaoBean.altera}"
                                                 actionListener="#{propostaProcuracaoBean.inserir}" oncomplete="PF('propostaProcuracaoDialog').hide()" />
                                <p:commandButton value="Alterar" update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages" rendered="#{!propostaProcuracaoBean.altera}"
                                                 actionListener="#{propostaProcuracaoBean.alterar}" oncomplete="PF('propostaProcuracaoDialog').hide()" />
                            </f:facet>
                        </p:panelGrid>     


                    </p:panel>
                </p:dialog>

                <p:dialog header="Confirma a Exclusão desse Modelo de Procuração: #{propostaProcuracaoBean.selectedPropostaProcuracao.dscProcuracao}? " widgetVar="confirmation">  

                    <p:commandButton value="Sim" update=":frmPropostaProcuracao:panel, :frmPropostaProcuracao:messages" oncomplete="PF('confirmation').hide(),PF('propostaProcuracaoDialog').hide()"
                                     actionListener="#{propostaProcuracaoBean.excluir}" />  
                    <p:commandButton value="Não" onclick="PF('confirmation').hide()" type="button" />   

                </p:dialog>


            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>